<template>
  <div class="my-navbar">
    <div class="left">
      <li>
        <router-link to="/index/c" class="hoverColor">
          <span>全部作品
          </span>
        </router-link>
      </li>
    </div>
    <div class="texthr"></div>
    <div class="center">
      <ul >
        <li class="hoverColor" :key="index" v-for="(item,index) in list"><router-link :to="item.path"  ><span>{{item.text}}</span></router-link></li>
      </ul>
    </div>
    <div class="right">
      <router-link to="/index/f" class="hoverColor"><span>ssss</span></router-link>
    </div>
  </div>
</template>

<script>
export default {
data(){
  return {
    list:[{text:"人像",path:"/index/a"},
    {text:"风光",path:"/index/b"},
    {text:"人文/纪实",path:""},
    {text:"静物",path:""},
    {text:"产品",path:""},
    {text:"环境",path:""},
    {text:"建筑",path:""},
    {text:"修图",path:""},
    {text:"后期",path:""},
    {text:"时尚手机",path:""},
    {text:"微距",path:""},
    {text:"黑白",path:""},
    {text:"胶片",path:""},
    {text:"生态",path:""},
    {text:"动物",path:""},
    {text:"小品",path:""},
    {text:"其他摄影",path:""},
   ]
  }
}
}
</script>

<style>
@import url('~@/assets/css/my-navbar.css');
@import url('~@/assets/css/common.css');
 @media (max-width: 767px) {
  .my-navbar>.right{display:none;}
   .my-navbar>.texthr{display:none;}
}

</style>